var Fa =  React.createClass({
	render : function(){
		return (
					<a data-list={this.props.brand_id}> 
						<img src={this.props.data.brand_pic}/>
						<p>{this.props.data.brand_name}</p>
					</a>
		)
	}
})


export default React.createClass({
	getInitialState: function(){
		return {
			gh : {
				height :document.body.clientHeight
			}
		}
	},
	srll:null,
	componentDidMount: function(){
		 this.srll = new IScroll("#warpper1",{
			probeType: 3
		});  
	},
	componentDidUpdate:function(){ 
		this.srll.refresh()
	},
	render : function (){
		var obj = this.props.data.map(function(data,index){
			return <Fa data={data} key={index}/>
		})
		return (
			<div className="fl_class_r"  id="warpper1" >
				<ul>
					{obj}
				</ul>
			</div>
		)
	}
})
